<template>
  <div class="event-detail-page page">
    <nav-bar title="人员预警"></nav-bar>
    <div class="page-main" style="margin-top: 44px">
      <van-sticky class="page-scroll" :offset-top="44">
        <div class="title">预警信息</div>
        <van-cell
          title="事件名称"
          :value="eventData.regionAddress || '' + '区域发现外来人员'"
          title-class="van-cell__title_gray"
          value-class="van-cell__value_black"
        />
        <van-cell
          title="事件来源"
          value="系统生成"
          title-class="van-cell__title_gray"
          value-class="van-cell__value_black"
        />
        <van-cell
          title="预警区域"
          :value="eventData.regionAddress"
          title-class="van-cell__title_gray"
          value-class="van-cell__value_black"
        />
        <van-cell
          title="预警场所"
          :value="eventData.locationDescription"
          title-class="van-cell__title_gray"
          value-class="van-cell__value_black"
        />
        <van-cell
          title="事件类型"
          value="外来人员预警"
          title-class="van-cell__title_gray"
          value-class="van-cell__value_black"
        />
        <van-cell
          title="事件分类"
          value="外来人员出现预警"
          title-class="van-cell__title_gray"
          value-class="van-cell__value_black"
        />
        <van-cell
          title="发生时间"
          :value="eventData.addTime"
          title-class="van-cell__title_gray"
          value-class="van-cell__value_black"
        />
        <van-cell
          title="预警点位"
          :value="eventData.residentPlaceName"
          title-class="van-cell__title_gray"
          value-class="van-cell__value_black"
        />
        <div class="title">抓拍信息</div>
        <van-cell title="性别" value="" title-class="van-cell__title_gray" value-class="van-cell__value_black" />
        <van-cell title="行人年龄" value="" title-class="van-cell__title_gray" value-class="van-cell__value_black" />
        <van-cell title="拎东西" value="" title-class="van-cell__title_gray" value-class="van-cell__value_black" />
        <van-cell title="头发" value="" title-class="van-cell__title_gray" value-class="van-cell__value_black" />
        <van-cell title="背包方式" value="" title-class="van-cell__title_gray" value-class="van-cell__value_black" />
        <van-cell title="上衣类型" value="" title-class="van-cell__title_gray" value-class="van-cell__value_black" />
        <van-cell title="上衣颜色" value="" title-class="van-cell__title_gray" value-class="van-cell__value_black" />
        <van-cell title="下衣类型" value="" title-class="van-cell__title_gray" value-class="van-cell__value_black" />
        <van-cell title="下衣颜色" value="" title-class="van-cell__title_gray" value-class="van-cell__value_black" />
        <van-cell title="抱小孩" value="" title-class="van-cell__title_gray" value-class="van-cell__value_black" />
        <van-cell title="骑车类型" value="" title-class="van-cell__title_gray" value-class="van-cell__value_black" />
      </van-sticky>
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import Upload from '@/mixins/upload'
export default {
  mixins: [Upload],
  data() {
    return {
      eventData: {}
    }
  },
  computed: {
    ...mapState({
      user: state => state.userInfo
    })
  },
  created() {
    this.eventData = this.$route.query.row
  },
  methods: {}
}
</script>
<style lang="less" scope>
@import '~@/assets/style/event/detail';
.title {
  color: rgba(60, 189, 208, 1);
  font-size: 32px;
  padding-left: 32px;
  padding-top: 10px;
  font-weight: 500;
}
</style>
